@charse "utf-8";

/*===== 重置样式 =====*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
	vertical-align:baseline;
}
body,input,button,select,textarea,table{font:12px/1.5 Helvetica,Arial,sans-serif;}
body{
	-webkit-user-select:none;
	-webkit-text-size-adjust:none;
	-webkit-tap-highlight-color:transparent;
	background-color:#DEDEDE;
	background-repeat:repeat-x!important;
	background-position:0 -230px;
	color:#444;
}
fieldset,img,button,input{border:0 none;}
ul,ol{list-style:none;}

a{
	text-decoration:none;
	color:#444;
	outline:none;
}
/*===== 背景 =====*/
	body,
	.tab_bar,
	.mod_list li s,
	.fl_list i,
	.btn_txt_view,
	.btn_pic_view{
		background-image:url("../img/sprite.png");
		background-repeat:no-repeat;
	}

/*========== 页面间切换动画 ==========*/
	/* Transitions from jQtouch (with small modifications): http://www.jqtouch.com/
	Built by David Kaneda and maintained by Jonathan Stark.
	*/
	.in,
	.out{
		-webkit-animation-timing-function:ease-in-out;
		-webkit-animation-duration:250ms;
	}

	.slide.in{
		-webkit-transform:translate3d(100%,0,0);
		-webkit-animation-name:slideinfromright;
	}

	.slide.out{
		-webkit-transform:translate3d(0,0,0);
		-webkit-animation-name:slideouttoleft;
	}

	.slide.in.reverse{
		-webkit-transform:translate3d(0,0,0);
		-webkit-animation-name:slideinfromleft;
	}

	.slide.out.reverse{
		-webkit-transform:translate3d(100%,0,0);
		-webkit-animation-name:slideouttoright;
	}

	@-webkit-keyframes slideinfromright{
		
		from{-webkit-transform:translate3d(100%,0,0);opacity:0.5;}
		to{-webkit-transform:translate3d(0,0,0);opacity:1;}
		
	}

	@-webkit-keyframes slideinfromleft{
		from{-webkit-transform:translate3d(-100%,0,0);opacity:0.5;}
		to{-webkit-transform:translate3d(0,0,0);opacity:1;}
	}

	@-webkit-keyframes slideouttoleft{
		from{-webkit-transform:translate3d(0,0,0);opacity:1;}
		to{-webkit-transform:translate3d(-100%,0,0);opacity:0.5;}
	}

	@-webkit-keyframes slideouttoright{
		from{-webkit-transform:translate3d(0,0,0);opacity:1;}
		to{-webkit-transform:translate3d(100%,0,0);opacity:0.5;}
	}
	@-webkit-keyframes fadein {
		from { opacity: 0; }
		to { opacity: 1; }
	}

	@-webkit-keyframes fadeout {
		from { opacity: 1; }
		to { opacity: 0; }
	}

	.fade.in {
		opacity: 1;
		z-index: 10;
		-webkit-animation-name: fadein;
	}
	.fade.out {
		opacity:0;
		z-index: 0;
		-webkit-animation-name: fadeout;
	}
	
	/* The properties in this body rule are only necessary for the 'flip' transition.
	 * We need specify the perspective to create a projection matrix. This will add
	 * some depth as the element flips. The depth number represents the distance of
	 * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
	 * value.
	 */
	.ui-mobile-viewport-perspective{
		-webkit-perspective:1000;
		position:absolute;
	}

	.ui-mobile-viewport-transitioning,
	.ui-mobile-viewport-transitioning .ui-page{
		width:100%;
		height:100%;
		overflow:visible;
	}

	.flip{
		-webkit-animation-duration:.65s;
		-webkit-backface-visibility:hidden;
		-webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
	}

	.flip.in{
		-webkit-transform: rotateY(0) scale(1);
		-webkit-animation-name: flipinfromleft;
	}

	.flip.out{
		-webkit-transform: rotateY(-180deg) scale(.8);
		-webkit-animation-name: flipouttoleft;
	}

	/* Shake it all about */

	.flip.in.reverse{
		-webkit-transform:rotateY(0) scale(1);
		-webkit-animation-name:flipinfromright;
	}

	.flip.out.reverse{
		-webkit-transform: rotateY(180deg) scale(.8);
		-webkit-animation-name: flipouttoright;
	}

	@-webkit-keyframes flipinfromright {
		from { -webkit-transform: rotateY(-180deg) scale(.8); }
		to { -webkit-transform: rotateY(0) scale(1); }
	}

	@-webkit-keyframes flipinfromleft {
		from { -webkit-transform: rotateY(180deg) scale(.8); }
		to { -webkit-transform: rotateY(0) scale(1); }
	}

	@-webkit-keyframes flipouttoleft {
		from { -webkit-transform: rotateY(0) scale(1); }
		to { -webkit-transform: rotateY(-180deg) scale(.8); }
	}

	@-webkit-keyframes flipouttoright {
		from { -webkit-transform: rotateY(0) scale(1); }
		to { -webkit-transform: rotateY(180deg) scale(.8); }
	}

	/*===== 加载提示 =====*/
	.ui-loading .ui-mobile-viewport{
		overflow:hidden!important;
	}
	.ui-loading .ui-loader{
		display:block;
	}
	.ui-loading .ui-page{
		overflow:hidden;
	}
	.ui-loader{
		display:none;
		position:absolute;
		z-index:100;
		left:50%;
		margin-left:-70px;
		margin-top:-35px;
		padding:10px 30px;
		width:100px;
	}
	.ui-loader h1{
		display:none;
	}
	.ui-loader .ui-icon{
		position:static;
		display:block;
		margin:0 auto;
		width:35px;
		height:35px;
		background:url(../img/ajax-loader.png) no-repeat 0 0;
		-webkit-animation-duration:800ms;
		-webkit-animation-name:test;
		-webkit-animation-iteration-count:infinite;
	}

	
	/*===== 布局框架 =====*/
	html{height:100%;}
	body{
		overflow:hidden;
		display:-webkit-box;
		width:100%;
		height:100%;
		-webkit-box-orient:vertical;
	}

	.ui-mobile [data-role=page],
	.ui-mobile [data-role=dialog],
	.ui-page{
		display:none;
		position:absolute;
		left:0;
		top:0;
		width:100%;
		min-height:100%;
	}
	.ui-mobile .ui-page-active{display:block; overflow:visible;}

	.main_gb{
		position:relative;
		-webkit-box-ordinal-group:1;
		-webkit-box-flex:1;
	}
		.main_gb article{
			overflow:hidden;
			display:none;
			position:absolute;
			left:0;
			top:0;
			width:100%;
			height:100%;
		}
		.main_gb header{
			position:absolute;
			left:0;
			top:0;
			width:100%;
		}
		.main_gb section{
			overflow:auto;
			position:absolute;
			left:0;
			top:44px;
			bottom:0;
			width:100%;
			z-index:1;
		}
	.nav_gb{
		-webkit-box-ordinal-group:2;
	}
	.hide{display:none;}
	.show{display:block;}

/*===== 通用组件 =====*/
	/*===== tabbar =====*/
		.tab_bar{
			width:100%;
			height:44px;
			background-repeat:repeat-x!important;
			background-position:0 -230px;
			/*background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#C01C00),to(#961800),color-stop(.6,#A51900));*/
			line-height:44px;
			text-shadow:1px 1px 1px rgba(0,0,0,0.4);
			text-align:center;
			color:#FFF;
			position:absolute;
			top:0;
		}
		.tab_bar h1{font-size:20px;}
	/*===== 头部 =====*/
		header{
			position:relative;
			height:44px;
			/*background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#C01C00),to(#961800),color-stop(.6,#A51900));*/
			line-height:44px;
			text-shadow:1px 1px 1px rgba(0,0,0,0.4);
			text-align:center;
			color:#FFF;
		}
		header h1{font-size:20px;}
		
		header .btn_back{
			cursor:pointer;
			position:absolute;
			left:15px;
			top:7px;
			height:27px;
			min-width:40px;
			border:1px solid rgba(0,0,0,0.4);
			-webkit-border-radius:5px;
			background:-webkit-gradient(linear,left top,left bottom,from(#CE1F00),to(#981800),color-stop(0.5,#981800),color-stop(0.5,#981800));
			-webkit-box-shadow:0 1px 0 rgba(255,255,255, 0.25),inset 0 1px 1px rgba(0,0,0,0.2);
		}
		header .btn_back s{
			position:absolute;
			top:4px;
			left:-7px;
			-webkit-transform:rotate(51deg);
		}
		header .btn_back i{
			-webkit-transform:skew(15deg);
			display:block;
			width:15px;
			height:17px;
			border:1px solid rgba(0,0,0, 0.4);
			border-right:0;
			border-top:0;
			-webkit-border-radius:1px;
			-webkit-box-shadow:0 1px 0 rgba(255,255,255, 0.25);
			background:-webkit-gradient(linear, left top, right bottom, from(#CE1F00), to(#981800), color-stop(0.5, #981800), color-stop(0.5, #981800));
		}
		header .btn_back span{
			position:relative;
			top:-8px;
			padding:0 5px 0 2px;
			font-size:12px;
			font-weight:bold;
			color:#FFF;
			text-shadow:0 -1px 0 rgba(0,0,0,0.4);
		}

		header .btn_back:active,
		header .btn_back:active i{
			background:-webkit-gradient(linear,left top,left bottom,from(#981800),to(#CE1F00),color-stop(0.5,#981800),color-stop(0.5,#981800));
		}



	/*===== 底部 =====*/
		.nav_gb ul{
			height:50px;
			background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#C11D00),to(#8F1500),color-stop(.6,#A71900));
			text-align:center;
			text-shadow:0 1px 1px rgba(0,0,0,0.4);
		}
		.nav_gb li{
			float:left;
			width:25%;
		}
		.nav_gb a{
			display:block;
			padding-top:6px;
			height:44px;
			color:#FFFFFF;
		}
		.nav_gb a:active{
			background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#8F1500),to(#C11D00),color-stop(.6,#A71900));
		}
		.nav_gb a.current{
			background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#E12200),to(#B51B00),color-stop(.6,#C91E00));
		}
		.nav_gb i{
			overflow:hidden;
			display:block;
			margin:1px auto;
			height:23px;
			background-image:url("");
		}
		.nav_gb li:nth-child(1) i{width:24px;}
		.nav_gb li:nth-child(2) i{width:16px; background-position:-84px 0;}
		.nav_gb li:nth-child(3) i{width:23px; background-position:-160px 0;}
		.nav_gb li:nth-child(4) i{width:23px; background-position:-241px 0;}


	/*===== 列表 =====*/
		/*===== 基类 列表 =====*/
		.mod_list{text-shadow:0 1px 1px #F6F6F6;}
		.mod_list li{
			position:relative;
			border-bottom:1px solid #CCC;
			background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#FDFDFD),color-stop(1,#EEE));
		}
		.mod_list li:active{
			background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#EDEDED),color-stop(1,#D7D7D7));
		}
		.mod_list li a{overflow:hidden; display:block; padding:10px 80px 10px 10px;}
		.mod_list li s{
			position:absolute;
			top:50%;
			right:10px;
			margin-top:-7px;
			width:10px;
			height:13px;
			background-position:-190px 0;
		}
		.mod_list .mod_price{font-size:18px;}

		/*===== 扩展 列表=====*/
		.inset_list{margin:10px 10px 0; border-left:1px solid #CCC; border-right:1px solid #CCC; border-top:1px solid #CCC;}
		
		.has_tit_list{margin-bottom:10px;}
		.has_tit_list dt{
			padding:6px 10px;
			background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#FDFDFD),color-stop(1,#EEE));
			font-size:16px;
			font-weight:bold;
			}

		.pic_txt_list li a{padding-left:80px; height:60px;}
		.pic_txt_list li img{position:absolute; left:10px; top:10px; width:60px; height:60px; border-radius:4px;}
		.pic_txt_list li h3{font-size:14px;}
		.pic_txt_list li h3,.pic_txt_list li p{overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap;}


/*===== 分类页 =====*/
	.fl_list a{height:32px; line-height:32px; font-size:16px; font-weight:bold;}
	.fl_list i{
		float:left;
		margin-right:10px;
		width:32px;
		height:32px;
	}
	.fl_list li:nth-child(2) i{background-position:0 -33px;}
	.fl_list li:nth-child(3) i{background-position:0 -66px;}
	.fl_list li:nth-child(4) i{background-position:0 -99px;}
	.fl_list li:nth-child(5) i{background-position:0 -132px;}
	.fl_list li:nth-child(6) i{background-position:0 -165px;}


	/*===== 详情页 =====*/
	.dy_detail{
		min-height:100%;
		padding:10px;
		background-color:#F7F7F7;
		text-shadow:0 1px 1px #F6F6F6;
	}
	
	.dy_detail .rating{
		text-align:center;
	}
	.dy_detail .rating .star,
	.dy_detail .rating .star span{
		overflow:hidden;
		display:block;
		width:77px;
		height:16px;
		background-image:url("");
		line-height:100px;
	}
	.dy_detail .rating .star{margin:5px auto; background-position:0 -18px;}
	.dy_detail .rating .post_num{font-weight:bold;}
	.dy_detail .rating .score{margin-bottom:10px; font-size:80px; font-family:"tahoma"; font-weight:bold; text-shadow:1px 1px 2px rgba(0,0,0,0.2); color:#777; line-height:80px;}
	.dy_detail .rating .mod_list{overflow:hidden;}
	.dy_detail .rating .mod_list li{width:48%; border-radius:4px; border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; text-align:left;}
	.dy_detail .rating .mod_list li:nth-child(1){float:left;}
	.dy_detail .rating .mod_list li:nth-child(2){float:right;}

	.dy_detail .summary{padding:10px 0;}
	.dy_detail .summary .item:last-child{padding-top:10px;}
	.dy_detail .summary p{margin:5px 0;}

	.dy_detail .line{
		overflow:hidden;
		height:1px;
		background:-webkit-gradient(
			linear,
			left top,
			right top,
			color-stop(0%,#FFFFFF),
			color-stop(50%,#CCCCCC),
			color-stop(100%,#FFFFFF)
		);
	}
	.dy_detail .photos_inner{
		position:relative;/* On older OS versions "position" and "z-index" must be defined, */
		z-index:1;/* it seems that recent webkit is less picky and works anyway. */
		overflow:hidden;
		margin:auto;
		padding-top:10px;
		width:250px;
	}
	.dy_detail .photos_list{overflow:hidden; width:1000px;}
	.dy_detail .photos_list li{
		-webkit-box-sizing:border-box;
		float:left;
		width:250px;
		height:120px;
		background-color:#ccc;
	}
	.dy_detail .photos_list img{
		display:block;
		width:250px;
		height:350px;
	}

	.indicator{overflow:hidden; margin-top:10px; height:8px; text-align:center;}
	.indicator li{overflow:hidden; display:inline-block; margin:0 2px; width:8px; height:8px; border-radius:4px; background-color:#DDD; line-height:50px; vertical-align:top;}
	.indicator li.active{background-color:#888;}



	/*===== 海报页 开始 =====*/
	.btn_txt_view,
	.btn_pic_view{
		overflow:hidden;
		position:absolute;
		right:10px;
		top:14px;
		width:22px;
		height:17px;
		line-height:100px;
	}
	.btn_txt_view{background-position:-167px 0;}
	.btn_pic_view{background-position:-139px 0;}

	.movie_list{
		position:relative;/* On older OS versions "position" and "z-index" must be defined, */
		z-index:1;/* it seems that recent webkit is less picky and works anyway. */
		overflow:hidden;
		margin:auto;
		padding-top:1px;
		width:320px;
	}
	.movie_list ul{overflow:hidden; width:1280px;}
	.movie_list li{
		-webkit-box-sizing:border-box;
		float:left;
		width:320px;
		text-align:center;
	}
	.movie_list img{
		display:block;
		width:320px;
		height:400px;
	}


	#scroller ul {
		list-style:none;
		display:block;
		float:left;
		width:100%;
		height:100%;
		padding:0;
		margin:0 0 0 0;
		text-align:left;
	}

	#scroller li {
		 float:left;
		width:320px; 
		text-align:center;
		height:370px; position:relative;
	}
	#scroller li .pic{ width:260px; height:364px; -webkit-box-shadow: 10px 0 10px #999; margin:0 auto;}
	#scroller li img{ border-bottom:1px solid #aaa; margin-bottom:0; -webkit-box-shadow: -10px 0 10px #999;}
	#scroller li .movie_star{ width:320px; height:55px; overflow:hidden; position:absolute; left:0; top:310px;}
	#scroller li .movie_star span{ display:block; width:260px; height:274px;background:url(""); position:absolute; left:30px;}
	#scroller li .movie_star .star_5{ top:0;}
	#scroller li .movie_star .star_4{ top:-55px;}
	#scroller li .movie_star .star_3{ top:-110px;}
	#scroller li .movie_star .star_2{ top:-165px;}
	#scroller li .movie_star .star_1{ top:-220px;}
	#scroller li .movie_title{ font-size:16px; color:#FFFFFF; position:absolute; width:260px; height:25px; left:30px; top:339px; z-index:3; line-height:22px;}
	#scroller li .movie_info{ position:relative; color:#eee; display:nonel}
	#scroller li .movie_sns{ color:#eee; position:absolute; left:265px; top:-1px;white-space:nowrap; display:none;}



/*===== 表单 =====*/
		/*===== 搜索 =====*/
		.search_gb{
			margin:0 5px;
		}
		.search_gb input{
			width:100%;
			height:30px;
			border:1px solid #F0C696;
			-webkit-border-radius:4px;
			-webkit-box-shadow:0 1px 1px rgba(255,255,255,0.8);
			line-height:30px;
		}
		.search_gb a,
		.search_gb span{
			display:none;
		}

		/*===== 选择 =====*/
		.ui-select .ui-btn-inner{display:none;}
		.ui-select select{
			display:block;
			height:22px;
			padding:0 30px 0 10px;
			border:1px solid #F0C696;
			background:url("") no-repeat 100% 50%;
			line-height:22px;
			color:#B01A00;
			text-shadow:1px 1px 1px rgba(0,0,0,0.1);
		}

/*===== iscroll =====*/
/**
 *
 * Styles specific to the pull down/up element
 *
 */
.iScrollPullDown,
.iScrollPullUp {
	background:#fff;
	border-bottom:1px solid #aaa;
	height:40px;
	line-height:40px;
	padding:5px 10px;
	font-size:14px;
	color:#999;
	font-weight:bold;
	-webkit-transform:translate3d(0,0,0);	/* Put the element in the HW accelerated layer */
}
 
.iScrollPullDownIcon,
.iScrollPullUpIcon {
	display:block; float:left;
	width:40px; height:40px;
	background:url(pull-icon.png) 0 0 no-repeat;
	background-size:40px 80px;
	margin-right:5px;
	-webkit-transition-property:-webkit-transform;
	-webkit-transition-duration:250ms;
	-webkit-transform:rotate(0);
}
 
.iScrollPullDown.flip .iScrollPullDownIcon {
	-webkit-transform:rotate(-180deg);
}
 
.iScrollPullDown.loading .iScrollPullDownIcon,
.iScrollPullUp.loading .iScrollPullUpIcon {
	background-position:0 100%;
	-webkit-animation-name:loading;
	-webkit-animation-duration:1.5s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
}
 
.iScrollPullUp {
	border-bottom:0;
}
 
.iScrollPullUpIcon {
	-webkit-transform:rotate(-180deg);
}
 
.iScrollPullUp.flip .iScrollPullUpIcon {
	-webkit-transform:rotate(0);
}
 
@-webkit-keyframes loading {
	from { -webkit-transform:rotate(0deg); }
	to { -webkit-transform:rotate(360deg); }
}
 
@media screen and (-webkit-min-device-pixel-ratio:2) {
	.iScrollPullDownIcon,
	.iScrollPullUpIcon {
		background-image:url(../images/pull-icon@2x.png);
	}
}